<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="莫墨陌,周炯,web前端简历,个人博客,web前端,前端简历">
    <meta name="description" content="WEB前端工程师——莫墨陌">
    <meta name="author" content="莫墨陌,周炯">
    <title>点滴 » 莫墨陌的简历</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <style>
        @media only screen and (max-width:1024px) {
            #music {
                right: 20px;
                bottom: 20%;
            }
        }
        p {
            text-indent: 0!important;
        }
    </style>
    <!--<script type="text/javascript">-->
        <!--window.location = "http://www.xiaoyuezhang.com/error.html"-->
    <!--</script>-->
    <!-- xiaoyuezhang.com Baidu tongji analytics -->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?f87e415f9d1f6111b1d34c5f96927d9b";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
            // 返回指定的父节点，并插入新的节点
        })();
    </script>
</head>
<body>
<div class="content">
    <div class=" container">

        <div id="top">
            <img src="image/top.png" alt="回到顶部">
        </div>
        <div class="header-box">
            <img src="image/header.jpg" alt="我的头像">
        </div>
        <div class="center">
            <p class="myid">周炯</p>
        </div>
        <div class="my-sort center">
            <a href="index.html">简历</a>
            <a href="drip.html">项目经历</a>
        </div>
        <div id="artical">
            <div class="my-artical">
                <div class="articals">
                    <div class="dotts"></div>
                    <a class="my-date" href="/artical/vue170717.html">
                        <span class="trig"></span>
                        <span class="dates">2019.06.15</span>
                    </a>
                    <div class="ar-container">
                        <div class="my-line"></div>
                        <div class="ar-content">
                            <p class="art-title">
                                <a href="/artical/vue170717.html">微信小程序——包包大冒险</a>
                            </p>
                            <div class="col-md-5 col-xs-8 art-img">
                                <img src="image/s24.jpg" alt="文章配图">
                            </div>
                            <div class="col-md-10 col-xs-10 art-detail">
                                <p>
                                    学习过程中所记录的笔记，按着步骤来可以自己搭建一个能通信的服务器，遇到不懂的地方问度娘。 在 我的码云和github上有搭建完成后的代码，前端用的Vue框架。 不完善的地方还在修改ing~
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-artical">
                <div class="articals">
                    <div class="dotts"></div>
                    <a class="my-date" href="/artical/cordova.html">
                        <span class="trig"></span>
                        <span class="dates">2019.06.5</span>
                    </a>
                    <div class="ar-container">
                        <div class="my-line"></div>
                        <div class="ar-content">
                            <p class="art-title"><a href="/artical/cordova.html">微信小程序——一起考状元</a></p>
                            <div class="col-md-4 col-xs-8 art-img">
                                <img src="image/s20.jpg" alt="文章配图">
                            </div>
                            <div class="col-md-6 col-xs-10 art-detail">
                                <p>
                                    一直以来app的开发都分为android版本和ios版本,同一款app需要写两种版本，版本有差异不说，耗费的成本加成。 cordova的出现就是一股清流，它能实现将h5页面打包成android或ios版本，实现了android、ios、pc端页面的统一。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-artical">
                <div class="articals">
                    <div class="dotts"></div>
                    <a class="my-date" href="/artical/googleMap.html">
                        <span class="trig"></span>
                        <span class="dates">2019.5</span>
                    </a>
                    <div class="ar-container">
                        <div class="my-line"></div>
                        <div class="ar-content">
                            <p class="art-title"><a href="/artical/googleMap.html">vue——在线音乐播放器</a></p>
                            <div class="col-md-5 col-xs-9 art-img">
                                <img src="image/s19.jpg" alt="文章配图">
                            </div>
                            <div class="col-md-10 col-xs-10 art-detail">
                                <p>
                                    最近的项目里面用到了谷歌地图，以前开发过百度地图，但是都涉足很浅很浅，虽然这次也只用到了<span class="cspan">drawingManager</span> 下面几个画图组件。 氮素！写几百行的代码实现出功能，这样充实的学习过程很令人满足讷。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="my-artical">
            <div class="articals" style="min-height: 3em;">
                <div class="dotts"></div>
            </div>
        </div>
        <p class="center beian">© RedSpite | <a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action">蜀ICP备16004270号</a></p>
    </div>
</div>
</div>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {

        //头像淡入-头像的运动方式
        $(".header-box").addClass("fadein");

        //回到顶部
        $("#top").click(function() {
            $('html,body').animate({
                // animate：改变元素的属性
                scrollTop: 0
            }, 2000);
        });

        showScroll();
        var min_height = document.documentElement.clientHeight / 2;
        function showScroll() {
            $(window).scroll(function() {
                var s = $(window).scrollTop();
                s > min_height ? $('#top').fadeIn() : $('#top').fadeOut();
            });
        }

        //音乐关闭
        $("#music").bind("click", function() {
            $(this).toggleClass("pause");
            var audio = $("#music audio")[0];
            if (audio.paused) {
                audio.play(); //audio.play();// 这个就是播放
            } else {
                audio.pause(); // 这个就是暂停
            }
        });
    });
</script>
<!--<script>
    <!--推送到百度-->
    <!--(function() {-->
        <!--var bp = document.createElement('script');-->
        <!--var curProtocol = window.location.protocol.split(':')[0];-->
        <!--if (curProtocol === 'https') {-->
            <!--bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';-->
        <!--} else {-->
            <!--bp.src = 'http://push.zhanzhang.baidu.com/push.js';-->
        <!--}-->
        <!--var s = document.getElementsByTagName("script")[0];-->
        <!--s.parentNode.insertBefore(bp, s);-->
    <!--})();-->
<!--</script>-->

</body>

</html>